<template>
  <div>
    <el-row class="top">
      <top></top>
    </el-row>
    <el-row class="aside">
      <el-col span = '4'>
        <M id="side-menu"></M>
      </el-col>
      <el-col span="18" style="margin: 15px; border: 1px solid #ccc;border-radius:15px;background-color: #ffffff; ">
        <mianbao></mianbao>
        <div id="main">
          <div style="width: 600px;margin-left: 300px">
            <import_m></import_m>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import M from '@/components/common/M'
import top from '@/components/common/Top'
import mianbao from '@/components/common/mianbao'
import import_m from '@/components/table/import'
export default {
  name: 'Manage_import',
  components: {M, top, mianbao, import_m}
}
</script>

<style scoped>
  .el-row{
    height: 80px;
  }
  .el-row.aside{
    background: #EBEEF5;
    height: 800px;
  }
  #main{
    position: relative;
    top: 40px;
    left: 40px;
    width: 1200px;
    height: 900px;
    padding:15px;
  }
  #side-menu{
    margin: 15px;
    border:1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
  }
  .top{
    background: url("../assets/top.png") repeat;
  }
</style>
